.cssload-loader {
    margin-top: 20px;
    width: 97px;
    height: 19px;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
}

.cssload-loader > div {
    content: \" \";
    width: 19px;
    height: 19px;
    background: rgb(0, 0, 0);
    border-radius: 100%;
    position: absolute;
    animation: cssload-shift 2.3s linear infinite;
    -o-animation: cssload-shift 2.3s linear infinite;
    -ms-animation: cssload-shift 2.3s linear infinite;
    -webkit-animation: cssload-shift 2.3s linear infinite;
    -moz-animation: cssload-shift 2.3s linear infinite;
}

.cssload-loader > div:nth-of-type(1) {
    animation-delay: -0.46s;
    -o-animation-delay: -0.46s;
    -ms-animation-delay: -0.46s;
    -webkit-animation-delay: -0.46s;
    -moz-animation-delay: -0.46s;
}

.cssload-loader > div:nth-of-type(2) {
    animation-delay: -0.92s;
    -o-animation-delay: -0.92s;
    -ms-animation-delay: -0.92s;
    -webkit-animation-delay: -0.92s;
    -moz-animation-delay: -0.92s;
}

.cssload-loader > div:nth-of-type(3) {
    animation-delay: -1.38s;
    -o-animation-delay: -1.38s;
    -ms-animation-delay: -1.38s;
    -webkit-animation-delay: -1.38s;
    -moz-animation-delay: -1.38s;
}

.cssload-loader > div:nth-of-type(4) {
    animation-delay: -1.84s;
    -o-animation-delay: -1.84s;
    -ms-animation-delay: -1.84s;
    -webkit-animation-delay: -1.84s;
    -moz-animation-delay: -1.84s;
}


@keyframes cssload-shift {
    0% {
        left: -58px;
        opacity: 0;
        background-color: #008B8B;
    }
    10% {
        left: 0;
        opacity: 1;
    }
    90% {
        left: 97px;
        opacity: 1;
    }
    100% {
        left: 156px;
        background-color: #C71585;
        opacity: 0;
    }
}

@-o-keyframes cssload-shift {
    0% {
        left: -58px;
        opacity: 0;
        background-color: #008B8B;
    }
    10% {
        left: 0;
        opacity: 1;
    }
    90% {
        left: 97px;
        opacity: 1;
    }
    100% {
        left: 156px;
        background-color: #C71585;
        opacity: 0;
    }
}

@-ms-keyframes cssload-shift {
    0% {
        left: -58px;
        opacity: 0;
        background-color: #008B8B;
    }
    10% {
        left: 0;
        opacity: 1;
    }
    90% {
        left: 97px;
        opacity: 1;
    }
    100% {
        left: 156px;
        background-color: #C71585;
        opacity: 0;
    }
}

@-webkit-keyframes cssload-shift {
    0% {
        left: -58px;
        opacity: 0;
        background-color: #008B8B;
    }
    10% {
        left: 0;
        opacity: 1;
    }
    90% {
        left: 97px;
        opacity: 1;
    }
    100% {
        left: 156px;
        background-color: #C71585;
        opacity: 0;
    }
}

@-moz-keyframes cssload-shift {
    0% {
        left: -58px;
        opacity: 0;
        background-color: #008B8B;
    }
    10% {
        left: 0;
        opacity: 1;
    }
    90% {
        left: 97px;
        opacity: 1;
    }
    100% {
        left: 156px;
        background-color: #C71585;
        opacity: 0;
    }
}

.load {
    font-family: 'Montserrat', serif;
    font-size: 13px;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    overflow: hidden;
    margin-top: 40px;

}

.css-loader {
    width: 100px;
    height: 50px;
}

.grayeditem {
    opacity: 0.4;
    filter: alpha(opacity=40);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
}